<script>
$(function() {
	$( "#tabs" ).tabs({
	    select: function(event, ui) {
	        var url = $.data(ui.tab, 'load.tabs');
	        if( url ) {
	            location.href = url;
	            return false;
	        }
	        return true;
	    },
	selected: 2
	});
});
</script>
<div id="tabs">
	<ul>
            <li><?php echo $this->Html->link(__('Thu - chi', true), array('controller'=>'chiphikhoas','action' => 'thuchi',$khoa_id)); ?></li>
            <li><?php echo $this->Html->link(__('Biểu đồ', true), array('controller'=>'chiphikhoas','action' => 'bieudo',$khoa_id)); ?></li>
            <li><a href='#pt'>Thống kê thu - chi</a> </li>
    </ul>
<div class="index">
<h2 style="text-align: center">Thống kê Thu - Chi</h2>
<?php echo $form->create('Chiphikhoa',array('url'=>array($khoa_id,$ngaybd,$ngaykt)));?>
<table>
<tr>
<td><?php echo $form->input('ngaybd',array('id'=>'ngaybd','label'=>'Ngày bắt đầu','type'=>'text'));?></td>
<td><?php echo $form->input('ngaykt',array('id'=>'ngaykt','label'=>'Ngày kết thúc','type'=>'text'));?></td>
<td><?php
//echo $js->submit('  Thống kê  ',array('update'=>'#div_thongke','url'=>array('controller'=>'chiphikhoas','action'=>'updatethongke',$khoa_id))); 
echo $form->end(' Thống kê ');?></td>
</tr>
</table>
<div id='div_thongke'>
<?php if(!empty($chiphikhoas)){?>
<h2 style="text-align: center;"><?php __('Thu - Chi của Đoàn khoa trong năm học '.$this->Session->read('namhocht_ten'));?></h2>
<?php echo $html->link('Xuất excel',array('controller'=>'chiphikhoas','action'=>'xuatexceltk',$khoa_id,$ngaybd,$ngaykt))?>
	<table cellpadding="0" cellspacing="0" id="tables">
	<tr>
			<th><?php echo 'STT';?></th>
			<th><?php echo 'Ngày Thu(Chi)';?></th>
			<th><?php echo 'Loại Phí';?></th>
			<th><?php echo 'Số Tiền (VNĐ)';?></th>
			<th><?php echo 'Lý Do';?></th>
			<th><?php echo 'Người Nhận';?></th>
			<th><?php echo 'Ghi Chú';?></th>
	</tr>
	<?php
	$i = 0;
	foreach ($chiphikhoas as $chiphikhoa):
		$class = null;
		if ($i++ % 2 == 0) {
			$class = ' class="altrow"';
		}
	?>
	<tr<?php echo $class;?>>
		<td><?php echo $i; ?>&nbsp;</td>
		<td><?php echo date('d-m-Y',strtotime($chiphikhoa['Chiphikhoa']['ngaynhan'])); ?>&nbsp;</td>
		<td><?php echo $chiphikhoa['Loaichiphi']['tenloaichiphi']; ?></td>
		<td><?php echo number_format($chiphikhoa['Chiphikhoa']['sotien'],0,',','.'); ?>&nbsp;</td>
		<td><?php echo $chiphikhoa['Chiphikhoa']['lydo']; ?>&nbsp;</td>
		<td><?php echo $chiphikhoa['Chiphikhoa']['nguoinhantien']; ?>&nbsp;</td>
		<td><?php echo $chiphikhoa['Chiphikhoa']['ghichu']; ?>&nbsp;</td>
	</tr>
<?php endforeach; ?>
<tr>
	<td><?php echo $i; ?>&nbsp;</td>
		<td>&nbsp;</td>
		<td><?php echo 'Thu Đoàn phí'?></td>
		<td><?php echo number_format($dpht,0,',','.'); ?>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td>&nbsp;</td>
		<td class="actions">
		</td>
	</tr>
	</table>
	<p>
	<?php
	$paginator->options(array('url'=>array('controller'=>'chiphikhoas','action'=>'tkthuchi',$khoa_id,$ngaybd,$ngaykt)));
	echo $this->Paginator->counter(array(
	'format' => __('Trang %page%/%pages%, hiện có %count% mẫu tin', true)
	));
	?>	</p>

	<div class="paging">
		<?php echo $this->Paginator->prev('<< ' . __('Trước', true), array(), null, array('class'=>'disabled'));?>
	 | 	<?php echo $this->Paginator->numbers();?>
 |
		<?php echo $this->Paginator->next(__('Sau', true) . ' >>', array(), null, array('class' => 'disabled'));?>
	</div>
	<?php }else{?>
	<h2><?php echo "Không có thu chi từ ngày ".$this->data['Chiphikhoa']['ngaybd'] ." đến ngày ".$this->data['Chiphikhoa']['ngaykt']?></h2>
<?php	}?>
</div>
<script>
$(function() {
	$( "#ngaybd,#ngaykt" ).datepicker({
								showOtherMonths: true,
								selectOtherMonths: true,
								changeYear: true,
								changeMonth: true,								
								dateFormat: "dd-mm-yy",
								showOn: "both",
								buttonImage:"<?php echo $this->webroot.'img/calendar.jpg'?>",
								buttonImageOnly: true
	});
	$( "#ngaybd" ).change(function() {
		dat = $.datepicker.parseDate('dd-mm-yy',$("#ngaybd").val());
		var nam = dat.getFullYear();
		var thang = dat.getMonth();
		var ngay = dat.getDaysInMonth();
		var newdate = new Date(nam,thang,ngay);
		
		newdate = $.datepicker.formatDate('dd-mm-yy', newdate);
		$("#ngaykt").datepicker( "option", "minDate",dat);
		$("#ngaykt").datepicker( "option", "maxDate",newdate);
		});
});
</script>
</div>